<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

 
           .layer1{width:100%; height:100px;  background:blue;text-align:center;}
		   .layer2{width:80%; height:300px; ;background:red;text-align:left; float:left;} 
		   .layer3{width:20%; height:300px;  background:yellow;text-align:right; float:left; }
           .layer4{width:100%; height:100px;margin:0 auto;background:green;text-align:center; clear:both;}
		   
		   
		   
		   
           .layer5{width:100%; height:100px;  background:blue;color:blue;text-align:center;}
		   .layer6{width:20%; height:300px; background:red;text-align:left; float:left;} 
		   .layer7{width:60%; height:300px;  background:yellow;text-align:center; float:left; }
           .layer8{width:20%; height:300px;margin:0 auto;background:pink;text-align:right;float:left; }
           .layer9{width:100%; height:100px;margin:0 auto;background:green;text-align:center; clear:both;}
		   
		   .layer10{width:100%; height:100px;  background:blue;color:blue;text-align:center;}
		   .layer11{width:20%; height:300px; background:red;text-align:left; float:left;} 
		   .layer12{width:20%; height:300px;  background:yellow;text-align:center; float:left; }
           .layer13{width:30%; height:300px;margin:0 auto;background:pink;text-align:right;float:left; }
		   .layer14{width:30%; height:300px;margin:0 auto;background:black;text-align:right;float:left; }
           .layer15{width:100%; height:100px;margin:0 auto;background:green;text-align:center; clear:both;}
		   
		   
		  
		   
	 
           </style>
</head>

<body>
<div class="layer1"><h1></h1></div>
<div class="layer2"><h2></h2></div>
<div class="layer3"><h3></h3></div>
<div class="layer4"><h4></h4></div>
<p>
<div class="layer5"><h5></h5></div>
<div class="layer6"><h6></h6></div>
<div class="layer7"><h7></h7></div>
<div class="layer8"><h8></h8></div>
<div class="layer9"><h9></h9></div>
</p>
<p>
<div class="layer10"><h10></h10></div>
<div class="layer11"><h11></h11></div>
<div class="layer12"><h12></h12></div>
<div class="layer13"><h13></h13></div>
<div class="layer14"><h14></h14></div>
<div class="layer15"><h15></h15></div>
</p>
</body>
</html>
